<!-- 如果数据尚未获取，则不渲染该组件自然而然不会报错了 -->
<div style="margin-bottom: 12px" *ngIf="currentProject">
  <!-- 执行端信息的选择 -->
  <d-select
    [placeholder]="'执行端'"
    [options]="executionSideInfoList"
    [isSearch]="true"
    [toggleOnFocus]="true"
    [filterKey]="'ipPort'"
    [(ngModel)]="currentProject.executionSideInfo"
    (ngModelChange)="onSelectEditEnd()"
  >
    <ng-template let-option="option">
      执行端：{{ option.ipPort }}
    </ng-template>
  </d-select>
  <!-- 模拟端信息的选择 -->
  <d-select
    [placeholder]="'模拟器端'"
    [options]="simulatorInfoList"
    [isSearch]="true"
    [toggleOnFocus]="true"
    [filterKey]="'name'"
    [(ngModel)]="currentProject.simulatorInfo"
    (ngModelChange)="onSelectEditEnd()"
  >
    <ng-template let-option="option" let-filterKey="filterKey">
      {{ option[filterKey] }} {{ option.ipPort }}
    </ng-template>
  </d-select>
</div>
